import { Tabs } from "antd";
import {useDispatch, useSelector} from "react-redux";
import SystemConfig from "../component/SystemConfig";
import SafeConfig from "../component/SafeConfig";
import { CodeSandboxOutlined, LockOutlined } from '@ant-design/icons';


export function SettingPage() {
    // let articleList = useSelector(state => state.articleList)
    // let dispatch = useDispatch()

    const tabsItem = [
        {
            key: 'systemConfig',
            label:'系统配置',
            children: <SystemConfig/>,
            icon:<CodeSandboxOutlined/>
        },
        {
            key: 'safeConfig',
            label:'安全配置',
            children: <SafeConfig/>,
            icon:<LockOutlined/>
        }
    ]


    return (
        <div className={"articlePage"}>
            <Tabs items={tabsItem}/>
        </div>
    )


}